﻿@model NC.Models.AccountUser
<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('#myModalregDetails').modal('show');
        $("#txtDOB").datepicker();
    });
</script>
<script src="@Url.Content("~/Scripts/js/Address.js")" type="text/javascript"></script>   
@using (Html.BeginForm("RegisterUserAccount", "NepaliCorner"))
{
        <!-- Modal -->
        <div class="modal fade" id="myModalregDetails" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
            aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;</button>
                        <h4 class="modal-title" id="myModalLabel">
                            Submit your other details</h4>
                    </div>
                    <div class="modal-body">
                   @if (TempData["ErrorMsg"] != null)
                   { 
                   <div class="alert alert-warning alert-dismissable">
                             <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            @TempData["ErrorMsg"] 
                       </div>
                   }
                        <div class="clearfix">
                            <div class="form-group">
                                <label class="col-sm-4 control-label">First Name</label>
                                <div class="col-sm-6">
                                    @Html.TextBoxFor(model => model.FirstName, new { @class = "form-control", @placeholder = "First Name", @required = "required", @type = "text" })
                                </div>
                            </div>
                            <br /><br />
                            <div class="clearfix"></div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">Middle Name</label>
                                <div class="col-sm-6">
                                    @Html.TextBoxFor(model => model.MiddleName, new { @class = "form-control", @placeholder = "Middle Name", @type = "text" })
                                </div>
                            </div>
                            <br /><br />
                            <div class="clearfix"></div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">Last Name</label>
                                <div class="col-sm-6">
                                    @Html.TextBoxFor(model => model.LastName, new { @class = "form-control", @placeholder = "Last Name", @required = "required", @type = "text" })
                                </div>
                            </div>
                            <br /><br />
                            <div class="clearfix"></div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">DOB</label>
                                <div class="col-sm-6">
                                    @Html.TextBoxFor(model => model.DOB, new { id = "txtDOB", @class = "form-control", @placeholder = "DOB", @required = "required", @type = "text" })
                                </div>
                            </div>
                            <br /><br />
                            <div class="clearfix"></div>
                            @{
                   List<object> values = new List<object>();
                   // values.Add(new { ID = "choose", Name = "" });
                   values.Add(new { ID = "Male", Name = "Male" });
                   values.Add(new { ID = "Female", Name = "Female" });
                            }
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-4 control-label">SEX</label>
                                <div class="col-sm-4">
                                    @Html.DropDownListFor(model => model.Sex, new SelectList(values, "ID", "Name"),
          "Select", new { id = "ddlSex", @class = "form-control" })
                                </div>
                            </div><br /><br />
                            <div class="clearfix"></div>
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-4 control-label">
                                    Country</label>
                                <div class="col-sm-4">
                                    @Html.DropDownListFor(model => model.Address.Country, new SelectList(Enumerable.Empty<SelectListItem>(), "CountryId", "CountryText"),
          "Select", new { id = "ddlCountry", @class = "form-control" })
                                </div>
                            </div><br /><br />
                            <div class="clearfix">
                            </div>
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-4 control-label">
                                    State</label>
                                <div class="col-sm-4">
                                    @Html.DropDownListFor(model => model.Address.State, new SelectList(Enumerable.Empty<SelectListItem>(), "StateId", "StateText"),
          "Select", new { id = "ddlState", @class = "form-control" })
                                </div>
                            </div><br /><br />
                            <div class="clearfix">
                            </div>
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-4 control-label">
                                    City</label>
                                <div class="col-sm-4">
                                    @Html.DropDownListFor(model => model.Address.City, new SelectList(Enumerable.Empty<SelectListItem>(), "CityId", "CityText"),
          "Select", new { id = "ddlCity", @class = "form-control" })
                                </div>
                            </div><br /><br />
                            <div class="clearfix">
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">
                                    Address One</label>
                                <div class="col-sm-6">
                                    @Html.TextBoxFor(model => model.Address.Address1, new { @class = "form-control", @placeholder = "Address One", @required = "required", @type = "text" })
                                </div>
                            </div><br /><br />
                            <div class="clearfix">
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">
                                    Address Two</label>
                                <div class="col-sm-6">
                                    @Html.TextBoxFor(model => model.Address.Address2, new { @class = "form-control", @placeholder = "Address Two", @required = "required", @type = "text" })
                                </div>
                            </div><br /><br />
                            <div class="clearfix">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success pull-right green-btn" id="registerDetailsSubmit">
                            Save &nbsp; <span class="glyphicon glyphicon-ok"></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
          
       
}